<template>
    <div class="sidebar">
        <el-menu
        :default-active="onRoutes"
        class="el-menu-vertical-demo"
        background-color="#009983"
        text-color="#fff"
        active-text-color="#ffd04b"
        unique-opened
        router>
            <el-menu-item index="DashBoard">

                    <span class="sb-icon"><i class="material-icons">home</i></span>
                    <span class="sb-cn">数据展示</span>
            </el-menu-item>

            <el-submenu index="2">
                <template slot="title">

                    <span class="sb-icon"><i class="material-icons">perm_data_setting</i></span>
                    <span class="sb-cn">重置账号</span>

                </template>
                <el-menu-item index="DistributeUser">分配账号</el-menu-item>


            </el-submenu>

            <el-submenu index="3">
                <template slot="title">
                    <span class="sb-icon"><i class="material-icons">pie_chart</i></span>
                    <span class="sb-cn">院区</span>
                </template>
                <el-menu-item index="AppointmentClinic"> 预约门诊</el-menu-item>
                <el-menu-item index="HospitalInfo"> 医院信息</el-menu-item>
                <el-menu-item index="VaccineNumber">疫苗库存</el-menu-item>
                <el-menu-item index="SeminarInfo">讲座信息</el-menu-item>
                <el-menu-item index="FamiliyDoctor">家庭医生</el-menu-item>
                <!-- <el-menu-item index="TodoList">TodoList</el-menu-item>
                <el-menu-item index="BasicCharts"> BasicCharts</el-menu-item>
                <el-menu-item index="EditorPage">EditorPage</el-menu-item>
                <el-menu-item index="MarkdownPage">MarkdownPage</el-menu-item>
                <el-menu-item index="TodoList">TodoList</el-menu-item> -->
            </el-submenu>

            <el-submenu index="4" v-if="isok">
                <template slot="title">
                    <span class="sb-icon"><i class="material-icons">content_paste</i></span>
                    <span class="sb-cn">科室</span>
                </template>
                <el-menu-item index="SectionDoctor"> 科室医生管理</el-menu-item>
                <el-menu-item index="CurrentMonth"> 当月诊察情况</el-menu-item>
                <!-- <el-menu-item index="FormInput"> FormInput</el-menu-item>
                <el-menu-item index="FormLayouts">  FormLayouts</el-menu-item> -->
            </el-submenu>

             <el-submenu index="5">
                <template slot="title">
                    <span class="sb-icon"><i class="material-icons">border_all</i></span>
                    <span class="sb-cn">排班</span>
                </template>
                <el-menu-item index="assigner">分配排班</el-menu-item>
            </el-submenu>
            <el-submenu index="6">
               <template slot="title">
                   <span class="sb-icon"><i class="icon iconfont icon-yonghuzhanghu"></i></span>
                   <span class="sb-cn">医生</span>
               </template>
               <el-menu-item index="MonthlyattendanceRecord">当月接诊记录</el-menu-item>
                <el-menu-item index="login">当月接诊记录</el-menu-item>
                <!-- <el-menu-item index="BasicTables">BasicTables</el-menu-item> -->
           </el-submenu>






        </el-menu>
    </div>
</template>
<script>
    export default {
        computed:{
            onRoutes(){
                return this.$route.path.replace('/','');
            }
        },
        data(){
            return{
                isok: true
            }
        }
    }
</script>
<style lang="less" scoped>
@fontColor:#fff9dd;
@backColor:#009983;
@primaryColor:#a8d182;
    .sidebar{
        display: block;
        position: absolute;
        width: 200px;
        left: 0;
        top: 66px;
        bottom:0;
    }
    .sidebar > ul {
        height:100%;
    }

   .el-menu-item, .el-submenu__title{
       font-size:14px;

   }

    .material-icons {font-size:12px;}
</style>
